cody - HTMLify profile
cody
4270 Files
632702 Views
Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/210- Crop Image
styles.css
cody/swapnilsparsh/30DaysOfJavaScript/210- Crop Image/styles.css
body {
font-family: 'Arial', sans-serif;
background-color: #f5f5f5;
text-align: center;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
font-family: 'Arial', sans-serif;
background-color: #f5f5f5;
text-align: center;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
index.js
cody/swapnilsparsh/30DaysOfJavaScript/210- Crop Image/index.js
document.addEventListener('DOMContentLoaded', () => {
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
let img = new Image();
let crop = false;
let cropWidth = 400;
let cropHeight = 300;
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
let img = new Image();
let crop = false;
let cropWidth = 400;
let cropHeight = 300;
Crop Image
cody/swapnilsparsh/30DaysOfJavaScript/210- Crop Image/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image Crop</title>
<link rel="stylesheet" href="styles.css">
</head>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image Crop</title>
<link rel="stylesheet" href="styles.css">
</head>